<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东购物指南 </title>
<style>
    .p1{
        float: right;
        position: fixed;
        right:5%;top: 50%;font-size: 40px;
    }
    .p2{
        float: right;
        position: fixed;
        right:5%;top: 54%;font-size: 40px;
    }
    .p3{
        float: right;
        position: fixed;
        right:5%;top: 58%;font-size: 40px;
    }
    .p4{
        float: right;
        position: fixed;
        right:5%;top: 62%;font-size: 40px;
    }
    
</style>
</head>
<body>
    <img src="./img/img1.png" alt=""> 
    <a href="" name="F1"><img src="./img/img2.png" alt=""></a>
 
   <a href="" name="F2"><img src="./img/img3.png"  alt=""></a> 
   <a href="" name="F3"><img src="./img/img4.png"  alt=""> </a> 
    <a href="" name="F4"><img src="./img/img5.png" alt=""></a>
    <p><a href="#F1" class="p1">F1</a></p>
    <p><a href="#F2" class="p2">F2</a></p>
    <p><a href="#F3" class="p3">F3</a></p>
    <p><a href="#F4" class="p4">F4</a></p>
  
  
  
   


</body>
</html>